<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="common/css/common.css">
    <link rel="stylesheet" href="css/groupStyle.css">
    <link rel="stylesheet" href="common/iconfont/iconfont.css"/>
    <title>未支付</title>
</head>
<body>
<!--共用头部 head-->
<template data-src="layout/header.html"></template>

<div class="content-wrap clearfix">
    <img src="images/good-single.png" class="content-img">
    <div class="good-detail">
        <p>鲜花订购-睡莲||9.9特惠拼团，团长免费够花瓶，江浙沪包邮</p>
        <a>20人团购价：<i class="font-first">￥9.99</i></a>
    </div>
</div>
<div class="pay-button">
    <a class="open-group">未支付</a>
    <a class="join-group">分享</a>
</div>
<div class="content-gap">
</div>
<div class="wechat clearfix">
    <div class="wei-code"></div>
    <div class="wechat-attention">识别图中二维码，关注“<a>中国太平</a>”官微，回复关键词“<a>大转盘</a>”获得两次抽奖机会，最高可赢88元现金红包。</div>
</div>
<div class="content-gap">
</div>
<div class="record-group">
    <p class="text-left">参团记录</p>
</div>

<div class="popup">
    <div class="popup-con">
        <div class="good-info clearfix">
            <img src="images/good-single.png" class="content-img">
            <div class="good-price fl">
                <p class="text-wrap">￥39.99鲜花订购-睡莲</p>
                <p class="font-first">团购价：￥9.99</p>
            </div>
            <i class="close-btn fr icon iconfont">&#xe608;</i>
        </div>
        <div class="clearfix relate-info">
            <p>配送方式<span class="fr">快递</span></p>
        </div>
        <div class="clearfix relate-info">
            <p>收货人姓名</p>
        </div>
        <div class="clearfix relate-info">
            <p>手机号码</p>
        </div>
        <div class="clearfix relate-info">
            <p>所在地区<span class="fr icon iconfont">&#xe6ca;</span></p>
        </div>
        <div class="clearfix relate-info">
            <p>详细地址</p>
        </div>
        <div class="input-check">
            <span class="check-box fl">
                <input type="checkbox" id="explainAgree">
                <span class="check-style iconfont">&#xe613;</span>
            </span>
            <label for="explainAgree" class="clearfix fl">
                <span>本人同意成为taiping用户，并接受以下<a>用户协议</a>。</span>
            </label>
        </div>

    </div>
    <div class="popup-btn clearfix">
        <a class="sum-btn">合计：￥15.00</a>
        <a class="order-btn">提交订单</a>
    </div>
</div>


<script type="text/javascript" src="common/jquery/jquery.min.js"></script>
<script type="text/javascript" src="common/js/template.js"></script>
<script type="text/javascript" src="common/js/common.js"></script>
<script>
    foo.onload = function (w, l) {
        console.log('可以在此处回调，w指window，l指loadJs')
    };
    foo.start()

</script>
</body>
</html>